<template>
  <div>
    <Header
      :language="state.language"
      v-if="state.headerShow"
      :isLoginReg="state.isLoginReg"
    ></Header>
    <div style="height:60px" v-if="state.headerShow"></div>
    <router-view class="over-bg" />
    <Footer
      :language="state.language"
      v-if="state.isShow"
      :isLoginReg="state.isLoginReg"
    ></Footer>
  </div>
</template>
<script>
import {
  onMounted,
  ref,
  watch,
  reactive,
  computed,
  nextTick,
  getCurrentInstance,
  onBeforeUnmount,
} from "vue";
import { useRoute, useRouter } from "vue-router";
import { useStore } from "vuex";
import Footer from "@/components/pcfooter/index.vue";
import Header from "@/components/pcheader/index.vue";
// import langList from "@/language/langList";
import { getLanguageList } from "@/api/system";
import { getTokenTime, removeToken, removeTokenTime } from "@/utils/auth";
import { getConfig, checkToken } from "@/api/user";
import UseSystemSetting from "@/commonapi/useSystemSetting";
export default {
  components: {
    Footer,
    Header,
  },
  setup() {
    const $store = useStore();
    const state = reactive({
      timer: null,
      timer1: null,
      isShow: true,
      tokenStatus: false,
      isLoginReg: false, //是否是登录页或者注册页或重置密码页
      headerShow: true,
      language: [],
      nowChangeLang: $store.state.user?.local,
    });
    const { ctx } = getCurrentInstance();
    const {
      appContext: {
        app: {
          config: { globalProperties },
        },
      },
    } = getCurrentInstance();
    const { $websocketTool } = globalProperties;
    // const language = reactive([]);
    const $route = useRoute();
    const $router = useRouter();
    // 获取开关状态
    const { default_language_tag } = UseSystemSetting();
    const themeStyle = process.env.VUE_APP_COLOR; // dark初始色调
    const mainPage = ref(false);
    const currentPage = ref("");
    const testToken = () => {
      if ($store.getters.token) {
        checkToken($store.getters.token).then((res) => {
          state.tokenStatus = res.data.value;
          if (state.tokenStatus) {
            sendOnlineMessage();
            $store.dispatch("user/changeSecurity");
          } else {
            $store.commit("user/SET_TOKEN", "");
            $store.commit("user/SET_TOKEN_TIME", "");
            removeToken();
            removeTokenTime();
          }
        });
      }
    };
    //用户信息
    const getUser = computed(() => {
      return $store.state.user.userInfo;
    });
    // 语言
    const local = computed(() => {
      return $store.state.user.local;
    });
    // 模式（黑夜或白天）
    const theme = computed(() => {
      return $store.state.exchange.theme;
    });
    // 合约交易或者秒合约交易路径
    const path = computed(() => {
      return $store.state.exchange.path;
    });
    const nowPathLang = computed(() => {
      let nowlang = "";
      let testLang = "";
      if (
        local.value === "en" &&
        (!localStorage.getItem("isFirset") ||
          localStorage.getItem("isFirset") === 1)
      ) {
        testLang = default_language_tag.value;
      } else {
        testLang = state.nowChangeLang;
      }

      if (testLang == "zh") {
        nowlang = "cn";
      } else if (testLang == "tc") {
        nowlang = "hk";
      } else if (testLang == "vn") {
        nowlang = "vi";
      } else {
        nowlang = testLang;
      }
      return nowlang;
    });
    watch(
      () => [$route.path, $store.state.user?.local],
      ([path, val]) => {
        if (
          path.includes(`/download`) ||
          path.includes(`/login`) ||
          path.includes(`/register`)
        ) {
          state.isLoginReg = true;
        } else {
          state.isLoginReg = false;
        }
        if (val == "zh") {
          state.nowChangeLang = "cn";
        } else if (val == "tc") {
          state.nowChangeLang = "hk";
        } else if (val == "vn") {
          state.nowChangeLang = "vi";
        } else {
          state.nowChangeLang = val;
        }
        // console.log("nowPathLang", nowPathLang.value, path);

        $store.commit("exchange/SET_PATH", path);
        // liveChat插件开始************************
        // if (path !== `/${state.nowChangeLang}`) {
        //   window.LiveChatWidget.call("hide");
        // } else {
        //   window.LiveChatWidget.call("minimize");
        // }
        // liveChat插件结束************************
        if (path.includes(`/download`)) {
          state.isShow = false;
        } else {
          state.isShow = true;
        }
        if (path.includes(`/maintenance`)) {
          state.isShow = false;
          state.headerShow = false;
        } else {
          state.isShow = true;
          state.headerShow = true;
        }
        if (
          path.includes(`/download`) ||
          path.includes(`/login`) ||
          path.includes(`/register`) ||
          path.includes(`/forgotPassword`)
        ) {
          state.isShow = false;
        } else {
          state.isShow = true;
        }

        if (
          (path.includes(`/deal`) ||
            path.includes(`/lever`) ||
            path.includes(`/secondlever`) ||
            path.includes(`/Stock`) ||
            path.includes(`/stockLever`) ||
            path.includes(`/stockSecond`) ||
            path.includes(`/foreignExchange`)) &&
          theme.value === "night"
        ) {
          document.getElementsByTagName("body")[0].className =
            "theme-style-dark mode-style-" + themeStyle;
        } else {
          document.getElementsByTagName("body")[0].className =
            "mode-style-" + themeStyle;
        }
        if (
          path === `/${state.nowChangeLang}/` ||
          path === `/${state.nowChangeLang}/quoetes` ||
          path === `/${state.nowChangeLang}/coinExchange` ||
          path === `/${state.nowChangeLang}/levelExchange` ||
          path === `/${state.nowChangeLang}/assets`
        ) {
          currentPage.value = path;
          mainPage.value = true;
        } else {
          if (path.includes(`/login`) || path.includes(`/register`)) {
            clearInterval(state.timer);
            state.timer = null;
            clearInterval(state.timer1);
            state.timer1 = null;
            if (path.includes(`/register`)) {
              if ($route.query.local) {
                $store
                  .dispatch("user/changeLocal", $route.query.local)
                  .then(() => {
                    ctx.$i18n.locale = $route.query.local;
                  });
              }
            }
          }
          // if (path.includes(`/forgotPassword`)) {
          //   state.isLoginReg = true;
          // }
          currentPage.value = path;
          mainPage.value = false;
        }
        // console.log("path", path, state.isLoginReg);
      }
    );
    watch(
      () => getUser.value?.id,
      (newValue) => {
        if (newValue && $websocketTool?.ws?.readyState === 1) {
          $websocketTool?.ws.send(
            JSON.stringify({
              socket_type: `ONLINE_${newValue}`,
              value: "PC",
              subscribed: 1,
            })
          );
        }
      }
    );
    watch(
      () => local.value,
      (val) => {
        // 在邀请链接进来的注册页调整语言
        if (val !== $route.query.local && $route.query.code) {
          let newQuery = { code: $route.query.code, local: val };
          $store.dispatch("user/changeLocal", val).then(() => {
            ctx.$i18n.locale = val;
          });
          $router.push({
            query: newQuery,
          });
        }
        //如果切换成阿拉伯语
        if (val === "ar") {
          document.querySelector("html").classList.add("is-rtl");
        } else {
          document.querySelector("html").classList.remove("is-rtl");
        }
      }
    );
    const sendOnlineMessage = () => {
      state.timer1 = setInterval(() => {
        if ($websocketTool?.ws && $websocketTool?.ws?.readyState === 1) {
          clearInterval(state.timer1);
          state.timer1 = null;
          if (getUser.value?.id) {
            $websocketTool?.ws.send(
              JSON.stringify({
                socket_type: `ONLINE_${getUser.value?.id}`,
                value: "PC",
                subscribed: 1,
              })
            );
          }
        }
      }, 3000);
    };
    //语言列表
    const getAllLanguageList = () => {
      // getLanguageList().then((res) => {
      // });
      let ary = [];
        let datas=[ {
            "default_status": false,
            "id": 3,
            "international_tag": "",
            "language_name": "繁体中文",
            "language_tag": "tc"
        },
        {
            "default_status": false,
            "id": 4,
            "international_tag": "",
            "language_name": "日语",
            "language_tag": "ja"
        },
        {
            "default_status": false,
            "id": 1,
            "international_tag": "",
            "language_name": "中文",
            "language_tag": "zh"
        },
        {
            "default_status": true,
            "id": 2,
            "international_tag": "",
            "language_name": "英文",
            "language_tag": "en"
        },
        {
            "default_status": false,
            "id": 5,
            "international_tag": "",
            "language_name": "泰语",
            "language_tag": "th"
        },
        {
            "default_status": false,
            "id": 6,
            "international_tag": "",
            "language_name": "韩语",
            "language_tag": "ko"
        },
        {
            "default_status": false,
            "id": 7,
            "international_tag": "",
            "language_name": "西班牙语",
            "language_tag": "es"
        },
        {
            "default_status": false,
            "id": 8,
            "international_tag": "",
            "language_name": "意大利语",
            "language_tag": "it"
        },
        {
            "default_status": false,
            "id": 9,
            "international_tag": "",
            "language_name": "葡萄牙语",
            "language_tag": "pt"
        },
        {
            "default_status": false,
            "id": 10,
            "international_tag": "",
            "language_name": "德语",
            "language_tag": "de"
        },
        {
            "default_status": false,
            "id": 11,
            "international_tag": "",
            "language_name": "法语",
            "language_tag": "fr"
        },
        {
            "default_status": false,
            "id": 12,
            "international_tag": "",
            "language_name": "俄语",
            "language_tag": "ru"
        },
        {
            "default_status": false,
            "id": 13,
            "international_tag": "",
            "language_name": "越南语",
            "language_tag": "vn"
        },
        {
            "default_status": false,
            "id": 14,
            "international_tag": "",
            "language_name": "印尼语",
            "language_tag": "id"
        },
        {
            "default_status": false,
            "id": 15,
            "international_tag": "",
            "language_name": "阿拉伯语",
            "language_tag": "ar"
        },
        {
            "default_status": false,
            "id": 16,
            "international_tag": "",
            "language_name": "芬兰",
            "language_tag": "fi"
        },
        {
            "default_status": false,
            "id": 17,
            "international_tag": "",
            "language_name": "挪威",
            "language_tag": "no"
        },
        {
            "default_status": false,
            "id": 18,
            "international_tag": "",
            "language_name": "土耳其",
            "language_tag": "tr"
        }]
        datas.forEach((ele, index) => {
          if (ele.language_tag == "zh") {
            ele.label = "中文简体";
            ary.push(ele);
          } else if (ele.language_tag == "tc") {
            ele.label = "中文繁體";
            ary.push(ele);
          } else if (ele.language_tag == "en") {
            ele.label = "English";
            ary.push(ele);
          } else if (ele.language_tag == "ja") {
            ele.label = "日本語";
            ary.push(ele);
          } else if (ele.language_tag == "in") {
            ele.label = "हिन्दी";
            ary.push(ele);
          } else if (ele.language_tag == "vn") {
            ele.label = "Tiếng Việt";
            ary.push(ele);
          } else if (ele.language_tag == "ko") {
            ele.label = "한국인";
            ary.push(ele);
          } else if (ele.language_tag == "th") {
            ele.label = "ไทย";
            ary.push(ele);
          } else if (ele.language_tag === "id") {
            ele.label = "Indonesia";
            ary.push(ele);
          } else if (ele.language_tag === "es") {
            ele.label = "Español";
            ary.push(ele);
          } else if (ele.language_tag === "pt") {
            ele.label = "Português";
            ary.push(ele);
          } else if (ele.language_tag === "it") {
            ele.label = "Italiano";
            ary.push(ele);
          } else if (ele.language_tag === "ru") {
            ele.label = "Русский язык";
            ary.push(ele);
          } else if (ele.language_tag === "de") {
            ele.label = "Deutsch";
            ary.push(ele);
          } else if (ele.language_tag === "fr") {
            ele.label = "Français";
            ary.push(ele);
          } else if (ele.language_tag === "ar") {
            ele.label = "عربي";
            ary.push(ele);
          } else if (ele.language_tag === "no") {
            ele.label = "Norsk";
            ary.push(ele);
          } else if (ele.language_tag === "fi") {
            ele.label = "Suomi";
            ary.push(ele);
          } else if (ele.language_tag === "tr") {
            ele.label = "Türkçe";
            ary.push(ele);
          } else {
            res.data.splice(index, 1);
          }
        });
        console.log(ary,'ary--------------')
        console.log(datas,'datas--------------')
        state.language = ary;
        $store.commit("user/SET_LOCALARY", ary);
        getSysConfig();
    };
    const getSysConfig = () => {
      console.log('config---')
      getConfig().then((res) => {
          console.log('res','dddddddddddddddddddddddddddddddd')
        let datas=[  {
            "key": "invitation_code_status",
            "notes": "邀请码是否必填(true-是，false-否)",
            "value": false
        },
        {
            "key": "template_pc",
            "notes": "PC模板",
            "value": "1"
        },
        {
            "key": "template_app",
            "notes": "APP模板",
            "value": "1"
        },
        {
            "key": "wallet_transaction",
            "notes": "币币钱包是否展示(true-是，false-否)",
            "value": true
        },
        {
            "key": "wallet_legal",
            "notes": "法币钱包是否展示(true-是，false-否)",
            "value": true
        },
        {
            "key": "wallet_lever",
            "notes": "合约钱包是否展示(true-是，false-否)",
            "value": true
        },
        {
            "key": "wallet_second_lever",
            "notes": "秒合约钱包是否展示(true-是，false-否)",
            "value": true
        },
        {
            "key": "wallet_project",
            "notes": "理财钱包是否展示(true-是，false-否)",
            "value": true
        },
        {
            "key": "wallet_stock_second_lever",
            "notes": "股票秒合约钱包是否展示(true-是，false-否)",
            "value": true
        },
        {
            "key": "wallet_stock_lever",
            "notes": "股票合约钱包是否展示(true-是，false-否)",
            "value": true
        },
        {
            "key": "wallet_stock",
            "notes": "股票现货钱包是否展示(true-是，false-否)",
            "value": true
        },
        {
            "key": "easy_buy",
            "notes": "快捷买币(true-显示，false-隐藏)",
            "value": true
        },
        {
            "key": "easy_buy_type",
            "notes": "快捷买币跳转类型(1-链接，2-客服，3-法币页，4-三方联系)",
            "value": 1
        },
        {
            "key": "easy_buy_url",
            "notes": "跳转url",
            "value": "https://direct.lc.chat/17284854/"
        },
        {
            "key": "defi_ore_status",
            "notes": "挖矿入口(true-展示，false-隐藏)",
            "value": false
        },
        {
            "key": "wealth_management_status",
            "notes": "理财入口(true-展示，false-隐藏)",
            "value": true
        },
        {
            "key": "stock_status",
            "notes": "股票投资入口(true-展示，false-隐藏)",
            "value": true
        },
        {
            "key": "follow_status",
            "notes": "跟单入口(true-展示，false-隐藏)",
            "value": false
        },
        {
            "key": "defi_ore_logo",
            "notes": "defi挖矿标识(none-无，hot，new)",
            "value": "new"
        },
        {
            "key": "wealth_management_logo",
            "notes": "理财宝标识(none-无，hot，new)",
            "value": "new"
        },
        {
            "key": "stock_status",
            "notes": "股票现货交易入口开关(true-开，false-关)",
            "value": true
        },
        {
            "key": "stock_lever_status",
            "notes": "股票合约开关(true-开，false-关)",
            "value": true
        },
        {
            "key": "stock_second_lever_status",
            "notes": "股票秒合约开关(true-开，false-关)",
            "value": true
        },
        {
            "key": "fiat_currency_transaction_status",
            "notes": "法币交易开关(true-开，false-关)",
            "value": true
        },
        {
            "key": "currency_transaction_status",
            "notes": "币币交易开关(true-开，false-关)",
            "value": true
        },
        {
            "key": "lever_status",
            "notes": "合约开关(true-开，false-关)",
            "value": true
        },
        {
            "key": "second_lever_status",
            "notes": "秒合约开关(true-开，false-关)",
            "value": true
        },
        {
            "key": "about_us_pc",
            "notes": "pc关于我们模板配置（1-默认模板，2-自定义）",
            "value": 1
        },
        {
            "key": "about_us_npc",
            "notes": "APP/H5关于我们模板配置（1-默认模板，2-自定义）",
            "value": 1
        },
        {
            "key": "about_us_pc_custom",
            "notes": "pc关于我们自定义内容",
            "value": ""
        },
        {
            "key": "about_us_npc_custom",
            "notes": "APP/H5关于我们自定义内容",
            "value": ""
        },
        {
            "key": "verify_switch",
            "notes": "实名认证开关（1-币币交易，2-合约交易，3-秒合约，4-理财，5-法币交易，6-提现，7-挖矿，8-股票現貨，9-股票合約，10-股票期權，11-外汇）",
            "value": [
                false,
                false,
                false,
                false,
                false,
                false,
                false,
                false,
                false,
                false,
                false
            ]
        },
        {
            "key": "default_language_tag",
            "notes": "默认语言标识",
            "value": "en"
        },
        {
            "key": "service_url",
            "notes": "客服跳转配置：online-在线客服页(Z)；contact-社交客服页；Monline-在线客服页(M)",
            "value": "online"
        },
        {
            "key": "maintenance_status",
            "notes": "维护状态",
            "value": false
        },
        {
            "key": "cancel_withdraw_status",
            "notes": "用户提现撤销状态设置（true-开启，false-关闭）",
            "value": true
        },
        {
            "key": "uid_status",
            "notes": "uid显示开关（true-开启，false-关闭）",
            "value": false
        },
        {
            "key": "metaverse_status",
            "notes": "元宇宙分类开关（true-开启，false-关闭）",
            "value": false
        },
        {
            "key": "nft_status",
            "notes": "NFT分类开关（true-开启，false-关闭）",
            "value": false
        },
        {
            "key": "default_phone_area_code",
            "notes": "默认注册国家code",
            "value": "USA"
        },
        {
            "key": "currency_subscription_status",
            "notes": "新币申购开关状态(true-开，false-关)",
            "value": false
        },
        {
            "key": "currency_subscription_logo",
            "notes": "新币申购标识(none-无，hot，new)",
            "value": "none"
        },
        {
            "key": "wallet_nft",
            "notes": "nft账户(true-显示，false-隐藏)",
            "value": false
        },
        {
            "key": "nft_entrance",
            "notes": "nft入口(true-显示，false-隐藏)",
            "value": false
        },
        {
            "key": "world_cup",
            "notes": "世界杯竞猜入口(true-显示，false-隐藏)",
            "value": false
        },
        {
            "key": "wealth_management_type",
            "notes": "理财和机器人托管切换(1-理财，2-机器人托管)",
            "value": 1
        },
        {
            "key": "withdraw_platform_user",
            "notes": "提现平台用户(true-开启，false-关闭)",
            "value": false
        },
        {
            "key": "meta_switch",
            "notes": "元宇宙入口(true-显示，false-隐藏)",
            "value": false
        },
        {
            "key": "wallet_status",
            "notes": "上链开关(true-开启，false-关闭)",
            "value": true
        },
        {
            "key": "recharge_manual",
            "notes": "充值提交(true-开启，false-关闭)",
            "value": true
        },
        {
            "key": "recharge_manual_amount",
            "notes": "转账数量(true-开启，false-关闭)",
            "value": true
        },
        {
            "key": "recharge_manual_hash",
            "notes": "hash地址/发送地址(true-开启，false-关闭)",
            "value": false
        },
        {
            "key": "recharge_manual_transaction",
            "notes": "转账截图(true-开启，false-关闭)",
            "value": true
        },
        {
            "key": "stock_subscription_status",
            "notes": "新股申购开关状态(true-开，false-关)",
            "value": false
        },
        {
            "key": "stock_subscription_logo",
            "notes": "新股申购标识(none-无，hot，new)",
            "value": "none"
        },
        {
            "key": "platform_cover_image",
            "notes": "平台封面图",
            "value": ""
        },
        {
            "key": "platform_video_link",
            "notes": "平台视频简介",
            "value": ""
        },
        {
            "key": "foreign_exchange",
            "notes": "外汇入口(true-开，false-关)",
            "value": false
        },
        {
            "key": "wallet_forex",
            "notes": "外汇钱包(true-显示，false-隐藏)",
            "value": true
        },
        {
            "key": "default_wallet",
            "notes": "默认钱包(0-无，1-币币，2-法币，3-股票现货)",
            "value": 1
        },
        {
            "key": "remember_password",
            "notes": "记住密码(true-开启，false-关闭)",
            "value": false
        },
        {
            "key": "holding_id_card",
            "notes": "手持照片(认证)(true-开启，false-关闭)",
            "value": false
        },
        {
            "key": "platform_content_management",
            "notes": "平台内容开启[帮助中心,公告中心,资讯中心](true-开启，false-关闭)",
            "value": [
                false,
                false,
                false
            ]
        },
        {
            "key": "pledge_borrowing_status",
            "notes": "质押借币开关(true-开启，false-关闭)",
            "value": false
        },
        {
            "key": "virtual_wallet",
            "notes": "虚拟账户(true-开启，false-关闭)",
            "value": false
        },
        {
            "key": "credit_score_status",
            "notes": "信誉分开关(true-开启，false-关闭)",
            "value": true
        },
        {
            "key": "stock_closed_operation",
            "notes": "未开市是否可平仓(true-是,false-否)",
            "value": false
        }];
        if (res.code === 1) {
          $store.commit("user/SET_SYSTEMINFO", null);
          datas.forEach((data) => {
            if (data.key === "default_language_tag") {
              if (local.value === "en" && !localStorage.getItem("isFirset")) {
                state.nowChangeLang = data.value;
                $store.dispatch("user/changeLocal", data.value);
                localStorage.setItem("isFirset", 1);
                ctx.$i18n.locale = data.value;
                // $router.go(0);
              } else {
                localStorage.setItem("isFirset", 2);
              }
            }
          });
          $store.commit("user/SET_SYSTEMINFO", datas);
        }
      });
    };
    onMounted(() => {
      console.log('onMounted---')
      let path = location.pathname;
      // console.log(path);
      if (
        path.includes(`/download`) ||
        path.includes(`/login`) ||
        path.includes(`/register`)
      ) {
        state.isLoginReg = true;
      } else {
        state.isLoginReg = false;
      }
      nextTick(() => {
        console.log('nextTick---')
        getSysConfig();
        $store.dispatch("user/getProtocolConfig");
      });
      getAllLanguageList();
      $store.dispatch("user/changeTheme", themeStyle).then(() => {
        document.getElementsByTagName("body")[0].className =
          "mode-style-" + themeStyle;
      });
      //获取安全认证信息
      testToken();

      let tokenTime = getTokenTime();
      // let nowTime = Date.parse(new Date()) / 1000;
      if ($store.getters.token && tokenTime) {
        let time = tokenTime * 1000;
        state.timer = setInterval(function() {
          $store.dispatch("user/resetToken");
        }, time);
      }
      ctx.$i18n.locale = local.value;
      if (local.value === "ar") {
        document.querySelector("html").classList.add("is-rtl");
      } else {
        document.querySelector("html").classList.remove("is-rtl");
      }
    });
    onBeforeUnmount(() => {
      clearInterval(state.timer);
      state.timer = null;
      clearInterval(state.timer1);
      state.timer1 = null;
    });
    return {
      themeStyle,
      mainPage,
      currentPage,
      getUser,
      state,
      sendOnlineMessage,
      theme,
      path,
      testToken,
      getAllLanguageList,
      nowPathLang,
      default_language_tag,
    };
  },
  methods: {
    localSocket() {
      let that = this;
      // if ("WebSocket" in window && window.VUE_WSS_URL) {
        // location.host
        that.ws = new WebSocket("wss://market.soultrade.xyz/ws");
        that.$websocketTool.setWs(that.ws);
        that.ws.onopen = function() {};
        that.ws.onerror = () => {};
        that.ws.onclose = () => {
          setTimeout(() => {
            that.localSocket();
          }, 5000);
        };
      }
    // },
  },
  created() {
    this.$nextTick(() => {
      this.$store.dispatch("user/changeSystemConfig");
    });
    console.log("first", this.default_language_tag);
    document.title = window.VUE_APP_NAME;
    // let nowlocal = "";
    // if (this.$store.state.user?.local == "zh") {
    //   nowlocal = "zh-cn";
    // } else if (this.$store.state.user?.local == "tc") {
    //   nowlocal = "zh-hk";
    // } else {
    //   nowlocal = this.$store.state.user?.local;
    // }
    // window.location.href = window.location.pathname + "#" + nowlocal;
    this.localSocket();
  },
  beforeUnmount() {
    if (this.ws) {
      this.ws.close();
    }
  },
};
</script>
<style lang="less">
#app {
  font-family: "Dinpro", Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
.pd-bt-80 {
  padding-bottom: 80px;
}
.is-rtl {
  .msg-box {
    padding: 0px 15px;
  }
}
</style>
